<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Plugin: accordion Demo Page</title>
  </head>

  <body>
    <h2>Plugin: accordion Demo Page</h2>

    <div id="ephox-ui">
      <textarea cols="30" rows="10" class="tinymce">
        <details class="mce-accordion" open="open">
          <summary class="mce-accordion-summary">Expanded accordion</summary>
          <p>Accordion body...</p>
        </details>
        <details class="mce-accordion">
          <summary class="mce-accordion-summary">Closed accordion</summary>
          <p>Accordion body...</p>
        </details>
      </textarea>
    </div>

    <script src="../../../../../js/tinymce/tinymce.js"></script>
    <script src="../../../../../scratch/demos/plugins/accordion/demo.js"></script>
  </body>
</html>
